<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style type="text/css">
        body {
            margin: 0 auto;
            width:1300px;
            height:900px;
        }

        .cert-main {font-size:14px; color:#333333; line-height:1.1; margin-left:0px; margin-top:0px; background-image:url('https://oss.guilan.cn/04ade258ef664810b36556c7f24308a1.png'); background-size:cover; background-repeat:no-repeat; overflow:hidden; position:relative; width:1300px; height:900px;}

        .title {font-size:74px; color:#2d70a8; line-height:95px; letter-spacing:15px; position:absolute; margin-left:330px; margin-top:90px; text-align:center; width:640px; font-family:Source Han Serif CN;}

        .cert-info {font-size:38px; color:#333333; line-height:80px; position:absolute; margin-left:100px; margin-top:391px; font-family:Source Han Serif CN;}

        .student-info{
            /* color: #333333;
            font-size: undefinedpx;
            display: flex;
            justify-content: flex-start;
            height: undefinedpx;
            margin-top: 20px; */
            display: flex;
            justify-content: flex-start;
        }

        .student-info-title {
            letter-spacing: 76px;
            margin-right: -76px;
        }

        .cert-number {font-size:34px; color:#666666; line-height:1.1; position:absolute; margin-left:330px; margin-top:300px; text-align:center; width:640px; font-family:Source Han Serif CN;}

        .issue-date {font-size:32px; color:#333333; line-height:1.1; position:absolute; margin-left:243px; margin-top:723px; font-family:Source Han Serif CN;}

        .issue-org {font-size:32px; color:#333333; line-height:1.1; position:absolute; margin-left:243px; margin-top:784px; font-family:Source Han Serif CN;}

        .score-level {font-size:48px; color:#e04547; line-height:1.1; position:absolute; margin-left:1013px; margin-top:460px; text-align:center; width:100px; font-family:Source Han Serif CN;}
    </style>
</head>

<body>
<div class="cert-main">
    <div class="title">结课证书</div>
    <div class="cert-number"> #(certCode) </div>
    <!-- 学生信息 -->

    <div class="cert-info">
        <div class="student-info">
            <div class="student-info-title">
                姓名
            </div>
            <div>
                ：#(studentName)
            </div>
        </div><div class="student-info">
        <div class="student-info-title">
            学号
        </div>
        <div>
            ：#(studentNumber)
        </div>
    </div><div class="student-info">
        <div class="student-info-title">
            学校
        </div>
        <div>
            ：#(orgName)
        </div>
    </div>
    </div>
    <!-- 证书内容 -->

    <!-- 颁发日期 -->
    <div class="issue-date">
      <span>
        颁发日期：
      </span>
        <span>
           #(publishTime)
      </span>
    </div>
    <!-- 发证机构 -->
    <div class="issue-org">
      <span>
        发证机构：
      </span>
        <span>
            #(grantOrg)
      </span>
    </div>
    <!-- 印章 -->

    <!-- 成绩等级 -->
    <div class="score-level">
        #(scoreLevel)
    </div>
</div>
</body>

</html>